﻿@model List<ScrumTracker.Model.Product>
@{
    ViewBag.Title = "Dashboard";
}
@section head{
    <style type="text/css">
        .product-placeholder
        {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            border-radius: 5px;
            border: 2px dashed #58595B; /*background: url(../images/stripe-product.png);*/
            overflow: auto;
            height: 80px;
        }
       
        .hidden
        {
            display: none;
        }
    </style>
    @if (false)
    {
        <script src="../../Scripts/jquery-1.5.1-vsdoc.js" type="text/javascript"></script>
    }
    <script src="@Url.Content("~/scripts/st-dashboard.js")" type="text/javascript"></script>
}
@section bcrumbs{
<li><a href="#" class="home-house">Home</a></li>
}
<div class="edit-bar">
    <ul class="buttons">
        <li>
            <div id="add-product" class="btn add">
            </div>
        </li>
        <li class="separator"></li>
        <li>
            <div id="edit-product-list" class="btn edit-list">
            </div>
        </li>
        <li class="separator"></li>
    </ul>
    <!-- end of edit bar btn wrapper -->
</div>
<!-- end of edit bar -->
<!-- body ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
<!-- edit ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
@*<form id="frmAddProduct" action="@Url.Action("list", "products", new { area = "api" })" method="post" class="ajax">
<div class="new-product-edit-wrapper">
    <ul class="credential-list">
        <li>
            <label>
                product name<span class="val-msg hidden" for="Name"></span></label>
            @Html.TextBox("Name", string.Empty, new { @class = "input-text-field" })
        </li>
        <li>
            <label>
                Definition of Done</label>
            @Html.TextArea("DefinitionOfDone", new { @class = "input-text-area" })
        </li>
        <li>
            <div class="switch-checkbox-wrapper">
                <label class="switch-checkbox-label float-left">
                    product visibility</label>
                <div class="switch-checkbox float-left">
                    <input id="check" name="1" type="checkbox" value="1" class="desktop" />
                    <label for="check">
                        Check-me</label>
                </div>
            </div>
            <!-- end of switch checkbox wrapper -->
        </li>
        <li>
            <input type="reset" value="cancel" class="cancel-btn float-left" />
            <input type="submit" value="save" class="save-btn float-left" />
        </li>
    </ul>
    <!-- end of credential list -->
</div>
<!-- end of new product edit wrapper -->
</form>*@
@using (Html.BeginForm("create", "products", FormMethod.Post, new { @id = "frmAddProduct", @class = "new-product-edit-wrapper ajax" }))
{
    @Html.Partial("~/Views/Products/_CreateProductForm.cshtml", new Product())
}
<!-- products list //////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
<ul class="product-list">
    @foreach (var product in Model)
    { 
        @Html.Partial("~/Views/Products/_ListItem.cshtml", product)
    }
</ul>
